import { deploy } from '@/common/consts/deploy'
import { PATH } from '@/common/consts/routes'

export const htmlRecovery = `<!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Reset Your Password</title>
  <link href="https://fonts.googleapis.com/css?family=Asap:400,400italic,700,700italic" rel="stylesheet"
        type="text/css">
  <style type="text/css"> @media only screen and (min-width: 768px) { .templateContainer { width: 600px; } } @media only screen and (max-width: 480px) { #bodyCell { padding-top: 10px; } .mcnImage { width: 100%; } .mcnTextContentContainer { max-width: 100%; width: 100%; } .mcnCaptionLeftContentOuter .mcnTextContent, .mcnCaptionRightContentOuter .mcnTextContent { padding-top: 9px; } .mcnCaptionTopContent:last-child .mcnTextContent { padding-top: 18px; } .mcnTextContent { padding-right: 18px; padding-left: 18px; } .mcnButton{ font-weight: normal  !important; text-decoration: none  !important; cursor: pointer  !important; -webkit-user-select: none  !important; user-select: none  !important; display: inline-flex  !important; font-size: 1.2rem; gap: 1rem  !important; align-items: center  !important; justify-content: center  !important; padding: 0.6rem 2.8rem  !important; text-align: center  !important; border: none  !important; margin-top: 5rem  !important; border-radius: 4px  !important; transition: all .2s ease-in-out  !important; color: #fff  !important; background-color: #8c61ff; !important box-shadow: 0 4px 18px #8c61ff59  !important; text-transform: uppercase !important; margin-bottom: 4rem  !important; } h1 { font-size: 20px; line-height: 150%; } h2 { font-size: 20px; line-height: 150%; } h3 { font-size: 18px; line-height: 150%; } h4 { font-size: 16px; line-height: 150%; } .mcnTextContent, .mcnBoxedTextContentContainer .mcnTextContent p { font-size: 16px; line-height: 150%; } #templateFooter .mcnTextContent, #templateFooter .mcnTextContent p { font-size: 12px; line-height: 150%; } #templatePreheader { display: block; } #templatePreheader .mcnTextContent, #templatePreheader, .mcnTextContent p { font-size: 12px; line-height: 150%; } #templateHeader .mcnTextContent, #templateHeader .mcnTextContent p { font-size: 16px; line-height: 150%; } #templateBody .mcnTextContent, #templateBody .mcnTextContent p { font-size: 16px; line-height: 150%; } } </style>
</head>
<body style="-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #171717; height: 100%; margin: 0; padding: 0; width: 100%"> <table id="bodyTable" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #171717; height: 100%; margin: 0; padding: 0; width: 100%"> <tr> <td align="center" id="bodyCell" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-top: 0; height: 100%; margin: 0; padding: 0; width: 100%" valign="top"> <table class="templateContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; max-width: 600px; border: 0"> <tr> <td id="templatePreheader" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #333; border-top: 0; border-bottom: 0; padding-top: 16px; padding-bottom: 8px" valign="top"> <table class="mcnTextBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"> <tbody class="mcnTextBlockOuter"> <tr> <td class="mcnTextBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%" valign="top"> <table class="mcnTextContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;" width="100%"> <tbody> <tr> <td class="mcnTextContent" style='mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; color: #2a2a2a; font-family: "Asap", Helvetica, sans-serif; font-size: 12px; line-height: 150%; text-align: left; padding: 9px 18px;'><a href="https://it-incubator.io/" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #2a2a2a; font-weight: normal; text-decoration: none" target="_blank"><img alt="logo" height="32" src="https://by.joblum.com/uploads/10/9932.png" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; width: 107px; height: 32px;" width="107" /></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="templateHeader" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #f7f7ff; border-top: 0; border-bottom: 0; padding-top: 16px; padding-bottom: 0"> <table class="mcnImageBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;" width="100%"> <tbody class="mcnImageBlockOuter"> <tr> <td class="mcnImageBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;"> <table class="mcnImageContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"> <tbody> <tr> <td class="mcnImageContent" style="mso-line-height-rule: exactly;  text-align:center;"> <a class="" href="https://it-incubator.io/" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333; font-weight: normal; text-decoration: none" target="_blank" title=""><a class="" href="https://it-incubator.io/" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #333; font-weight: normal; text-decoration: none" target="_blank" title=""><img align="center" alt="Forgot your password?" class="mcnImage" src="https://static.lingoapp.com/assets/images/email/il-password-reset@2x.png" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; outline: none; text-decoration: none; vertical-align: bottom; max-width:1200px; display: inline !important; vertical-align: bottom;" width="600"></img></a></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> <tr> <td id="templateBody" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #f7f7ff; border-top: 0; border-bottom: 0; padding-top: 0; padding-bottom: 0"> <table class="mcnTextBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"> <tbody class="mcnTextBlockOuter"> <tr> <td class="mcnTextBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%" valign="top"> <table class="mcnTextContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"> <tbody><tr> <td class="mcnTextContent" style='mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; color: #2a2a2a; font-family: "Asap", Helvetica, sans-serif; font-size: 16px; line-height: 150%; text-align: center; padding: 9px 18px;' valign="top"> <h1 class="null" style='color: #2a2a2a; font-family: "Asap", Helvetica, sans-serif; font-size: 32px; font-style: normal; font-weight: bold; line-height: 125%; letter-spacing: 2px; text-align: center; display: block; margin: 0; padding: 0'><span style="text-transform:uppercase">Forgot</span></h1> <h2 class="null" style='color: #2a2a2a; font-family: "Asap", Helvetica, sans-serif; font-size: 24px; font-style: normal; font-weight: bold; line-height: 125%; letter-spacing: 1px; text-align: center; display: block; margin: 0; padding: 0'><span style="text-transform:uppercase">your password?</span></h2></td></tr></tbody></table></td></tr></tbody></table><table class="mcnTextBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody class="mcnTextBlockOuter"><tr><td class="mcnTextBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%" valign="top"><table class="mcnTextContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody><tr> <td class="mcnTextContent" style='mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; word-break: break-word; color: #2a2a2a; font-family: "Asap", Helvetica, sans-serif; font-size: 16px; line-height: 150%; text-align: center; padding: 9px 18px;'>Not to worry, we got you! Let’s get you a new password.<br></br></td></tr></tbody></table></td></tr></tbody></table><table class="mcnButtonBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;" width="100%"> <tbody class="mcnButtonBlockOuter"> <tr> <td align="center" class="mcnButtonBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding: 18px;"> <table class="mcnButtonBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody class="mcnButtonBlockOuter"><tr><td align="center" class="mcnButtonBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding: 0 18px 18px;" valign="top"><table class="mcnButtonContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; border-radius: 48px;"><tbody><tr><td class="mcnButtonContent" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-family: 'Asap', Helvetica, sans-serif; font-size: 16px; padding: 24px 48px;"><a class="mcnButton " href="${deploy}${PATH.createNewPassword}/##token##" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; font-weight: normal; text-decoration: none; cursor: pointer; -webkit-user-select: none; user-select: none; display: inline-flex; gap: 1rem; align-items: center; justify-content: center; padding: 0.6rem 2.8rem; text-align: center; border: none; border-radius: 4px; transition: all .2s ease-in-out; color: #fff; background-color: #8c61ff; box-shadow: 0 4px 18px #8c61ff59; text-transform:uppercase;" target="_blank" title="Reset password">Reset password</a></td></tr></tbody></table></td></tr></tbody></table></td></tr></tbody></table><table class="mcnImageBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody class="mcnImageBlockOuter"><tr><td class="mcnImageBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;" valign="top"><table class="mcnImageContentContainer" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody><tr><td class="mcnImageContent" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;text-align:center;"></td></tr></tbody></table></td></tr></tbody></table></td></tr><tr><td id="templateFooter" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background-color: #333; border-top: 0; border-bottom: 0; padding-top: 8px; padding-bottom: 80px" valign="top"><table class="mcnTextBlock" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody class="mcnTextBlockOuter"><tr><td class="mcnTextBlockInner" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%" valign="top"><table class="card" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background:#F7F7FF; margin:auto; text-align:left; max-width:600px; font-family: 'Asap', Helvetica, sans-serif;" text-align="left"><tr></tr></table><table style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; min-width:100%;"><tbody><tr><td style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; padding-top: 24px; padding-right: 18px; padding-bottom: 24px; padding-left: 18px; color: #808080; font-family: 'Asap', Helvetica, sans-serif; font-size: 12px;"><div style="text-align: center;">Made with<a href="https://project-cards-three.vercel.app" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #808080; font-weight: normal; text-decoration: none" target="_blank"><img align="none" alt="Heart icon" height="10" src="https://static.lingoapp.com/assets/images/email/made-with-heart.png" style="-ms-interpolation-mode: bicubic; border: 0; outline: none; text-decoration: none; width: 10px; height: 10px; " width="10" /></a>by<a href="https://project-cards-three.vercel.app" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #808080; font-weight: normal; text-decoration: none; " target="_blank" title="Flash Cards Project ">Flash Cards Project</a> Belarus Country</div></td></tr></tbody></table><table align="center" border="0" cellpadding="12" style="border-collapse: collapse; mso-table-lspace: 0; mso-table-rspace: 0; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; "><tbody><tr><td style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%"><a href="#" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #808080; font-weight: normal; text-decoration: none" target="_blank"><img alt="twitter" height="32" src="https://static.lingoapp.com/assets/images/email/twitter-ic-32x32-email@2x.png" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; outline: none; text-decoration: none" width="32" /></a></td><td style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%"><a href="#" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #f57153; font-weight: normal; text-decoration: none" target="_blank"><img alt="Instagram" height="32" src="https://static.lingoapp.com/assets/images/email/instagram-ic-32x32-email@2x.png" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; outline: none; text-decoration: none" width="32" /></a></td><td style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%"><a href="#" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #f57153; font-weight: normal; text-decoration: none" target="_blank"><img alt="medium" height="32" src="https://static.lingoapp.com/assets/images/email/medium-ic-32x32-email@2x.png" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; outline: none; text-decoration: none" width="32" /></a></td><td style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%"><a href="#" style="mso-line-height-rule: exactly; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; color: #f57153; font-weight: normal; text-decoration: none" target="_blank"><img alt="facebook" height="32" src="https://static.lingoapp.com/assets/images/email/facebook-ic-32x32-email@2x.png" style="-ms-interpolation-mode: bicubic; border: 0; height: auto; outline: none; text-decoration: none" width="32" /></a></td></tr></tbody></table></td></tr></tbody></table></td></tr></table></td></tr></table></body></html>`
